<template>
<el-menu class="el-menu-demo" mode="horizontal" :ellipsis="false">
    <div class="navbar">“微商城”后台管理系统</div>
    <el-sub-menu class="menu" index="1">
        <template #title>
            <el-avatar class="avatar"> </el-avatar>
        </template>
        <router-link>
            <el-menu-item index="5">个人中心</el-menu-item>
        </router-link>
        <el-menu-item index="6">退出登录</el-menu-item>
    </el-sub-menu>
</el-menu>
</template>

      
<script setup>

</script>

<style lang="scss" scoped>
.el-menu-demo {
    background: linear-gradient(90deg, #1493fa, #01c6fa);
}

.navbar {
    color: white;
    font-size: 20px;
}

.menu {
    margin-left: auto;
}
</style>
